<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../swiper-7.2.0/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3004741_6swl4gfaof9.css">
    <script src="../js/cookie.js"></script>
</head>

<body>
    <div class="all">

        <!-- 顶部 -->
        <div class="headerBox">
            <div class="header center">
                <div class="headerLeft">
                    <a href="../html/index.html"></a>
                    <a href="../html/index.html">首页</a>
                    <div>
                        <a href="../html/lists.html">设计服务</a>
                        <div class="sub_menu">
                            <a href="">LOGO/品牌</a>
                            <a href="">平面设计</a>
                            <a href="">UI设计</a>
                            <a href="">绘画/插画</a>
                            <a href="">工业/产品设计</a>
                            <a href="">影视/动画</a>
                            <a href="">摄影</a>
                            <a href="">服装设计</a>
                            <a href="">室内设计</a>
                            <a href="">造型设计</a>
                            <a href="">私家定制</a>
                            <a href="">其他</a>
                        </div>
                    </div>
                    <a href="../html/users.html">设计师</a>
                </div>
                <div class="headerRight">
                    <div class="userPhone"></div>
                    <button class="loginnn">登录</button>
                    <button class="dialoggg">注册</button>
                    <button class="out">退出</button>
                </div>
            </div>
        </div>

        <!-- banner区 -->

        
        <div class="bannerBox">

            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"></div>
                    <div class="swiper-slide"></div>
                    <div class="swiper-slide"></div>
                    <div class="swiper-slide"></div>
                    <div class="swiper-slide"></div>
                </div>
            </div>

            <div class="bannerContent center">

                <p><span>花瓣</span>美思</p>
                <div class="divideLine"></div>
                <p><span>有品质</span>的设计服务</p>

                <div class="btnBox">
                    <a href="#">寻找服务</a>
                    <a href="#">提交需求</a>
                </div>

            </div>

        </div>


        <!-- 优点 -->
        <div class="advantagesBox">

            <div class="advantages center">

                <p>花瓣美思，有品质的设计平台</p>

                <div class="fourAds">
                    <div class="ad">
                        <img src="https://muse.huaban.com/assets/d3d8fc14f58efa853f0fe1d0e645a2cc.svg">
                        <label>
                            <img src="https://muse.huaban.com/assets/680ad544315d1807f1752a4908c068ea.svg" alt="高质量">
                        </label>
                        <p>美思选择设计师的三好标准：设计好、人品好、态度好。有三好，质量自然好。</p>
                    </div>
                    <div class="ad">
                        <img src="https://muse.huaban.com/assets/bdf6cd353ed3b93ae768fca32824c4b3.svg">
                        <label>
                            <img src="https://muse.huaban.com/assets/bc68038d5f5030550515b515bbb5c8b6.svg" alt="高质量">
                        </label>
                        <p>专业的设计师，专业的经纪团队，带来最高效的设计服务，绝不拖延您的项目进度。</p>
                    </div>
                    <div class="ad">
                        <img src="https://muse.huaban.com/assets/47d13aea77bf90572fb20d41de782c17.svg">
                        <label>
                            <img src="https://muse.huaban.com/assets/d1543be6c71165388a10f2e4b761329d.svg" alt="高质量">
                        </label>
                        <p>您在美思购买的设计，由视觉中国版权事业部提供版权风险保障。</p>
                    </div>
                    <div class="ad">
                        <img src="https://muse.huaban.com/assets/756d24d9a959a6320da63cd891075d85.svg">
                        <label>
                            <img src="https://muse.huaban.com/assets/6af2daa12006cfa455d5798f5de0ebde.svg" alt="高质量">
                        </label>
                        <p>交稿延期、消极改稿、交易争议等设计服务中让人头疼的问题，在花瓣美思绝对不会出现。</p>
                    </div>
                </div>
            </div>

        </div>

        <!-- 分类 -->
        <div class="categoryBox">

            <div class="category center">

                <h4>马上找到你需要的设计师</h4>

                <div class="divideLine"></div>

                <div class="showCase">
                    <a href="#">
                        <i class="iconfont icon-33gongyegongcheng_huizhi"></i>
                        <label>插画绘制</label>
                    </a>
                    <a href="#">
                        <i class="iconfont icon-gongyesheji"></i>
                        <label>工业设计产品</label>
                    </a>
                    <a href="#">
                        <i class="iconfont icon-wangye"></i>
                        <label>设计网页</label>
                    </a>
                    <a href="#">
                        <i class="iconfont icon-shouji"></i>
                        <label>设计H5页面</label>
                    </a>
                    <a href="#">
                        <i class="iconfont icon-LOGOsheji"></i>
                        <label>设计LOGO</label>
                    </a>
                    <a href="#">
                        <i class="iconfont icon-yinshuapinshejiqueren"></i>
                        <label>设计印刷品</label>
                    </a>
                    <a href="#">
                        <i class="iconfont icon-dabaozhuang"></i>
                        <label>设计产品包装</label>
                    </a>
                    <a href="#">
                        <i class="iconfont icon-shijueshibiebeifen"></i>
                        <label>设计VI系统</label>
                    </a>
                    <a href="#">
                        <i class="iconfont icon-huodong"></i>
                        <label>设计活动页面</label>
                    </a>
                    <a href="#">
                        <i class="iconfont icon-sheying"></i>
                        <label>摄影</label>
                    </a>
                    <a href="#">
                        <i class="iconfont icon-cunqianzhuguan"></i>
                        <label>设计吉祥物</label>
                    </a>
                    <a href="#">
                        <i class="iconfont icon-keting"></i>
                        <label>室内设计</label>
                    </a>
                </div>

                <p>找不到你要的分类？</p>

                <div class="solve">
                    <a href="#">浏览所有分类</a>

                    <a href="#">提交需求</a>
                </div>


            </div>

        </div>

        <!-- 联合合作 -->
        <div class="uniteBox">

            <div class="unite center">

                <h4>联合设计中心</h4>
                <div class="uniteItem">
                    <a href="javascript:;" class="item">
                        <img src="https://muse.huaban.com/assets/35d3df4f034d9991c1c1318c46644da2.svg" alt="红星奖">
                        <label>红星奖设计中心</label>
                        <p>中国设计最高奖项</p>
                        <div class="divideLine"></div>
                        <p>领域： 工业/产业设计</p>
                    </a>
                    <a href="javascript:;" class="item">
                        <img src="https://muse.huaban.com/assets/0f9fdfb72266bf0a841c2b033c3f5ace.svg" alt="IXDC">
                        <label>IXDC 设计中心</label>
                        <p>著名用户体验设计组织</p>
                        <div class="divideLine"></div>
                        <p>领域： UI/UE设计</p>
                    </a>
                    <a href="javascript:;" class="item">
                        <img src="https://muse.huaban.com/assets/d109fc94ed96e550fff99979a0404910.svg" alt="CGWorld">
                        <label>CGWorld 设计中心</label>
                        <p>国内著名CG 杂志</p>
                        <div class="divideLine"></div>
                        <p>领域： 动漫/影视</p>
                    </a>
                </div>
                <div class="text">
                    即将推出，如需预约请<span><a href="javascript:;">联系经纪人</a></span>
                </div>

            </div>

        </div>

        <!-- 设计师 -->
        <div class="designerBox">

            <div class="designer center">

                <h4>有品质的设计，来自专业的设计师</h4>
                <div class="divideLine"></div>
                <div class="introduce">
                    <div class="user left">
                        <a href="javascript:;">
                            <img src="https://hbimg-other.huabanimg.com/631ea3892dc3bfc546609fef2e51b509b3fcf07717740_/both/560x640" alt="">
                        </a>
                        <div class="detailsInfo">
                            <div class="info">
                                <label class="eText">DC</label>
                                <label class="cText">云度视觉合伙人</label>
                                <a href="javascript:;" class="name">陈成</a>
                            </div>
                            <div class="description">涉及电商、平面、文创、网站四大领域。08年至今服务60多家大型电商品牌及集团企业，针对各个企业给予解决方案，让企业品牌升级更轻松。</div>
                        </div>
                    </div>
                    <div class="user right">
                        <div class="detailsInfo">
                            <div class="info">
                                <label class="eText">IL</label>
                                <label class="cText">资深插画师</label>
                                <a href="javascript:;">刘薇薇</a>
                            </div>
                            <div class="description">手绘功底深厚，擅长各种类型风格插画，喜欢尝试不同风格、不同题材的主题。尤其擅长女性优雅清新风格的插画设计，曾和儿童杂志，女性杂志合作，参与配图设计等。服务行业有食品、金融、出版、药品等。服务客户有：平安银行、苏宁易购、张飞牛肉、奥克斯、太太乐等。</div>
                        </div>
                        <a href="javascript:;">
                            <img src="https://hbimg-other.huabanimg.com/dcd9cd25ce7ea0df232b2bf38898145167b1bd5f114f0_/both/560x640" alt="">
                        </a>
                    </div>
                    <div class="user left">
                        <a href="javascript:;">
                            <img src="https://hbimg-other.huabanimg.com/96bff28864901a263dadd4c66017e816bcfe4858dee0_/both/560x640" alt="">
                        </a>
                        <div class="detailsInfo">
                            <div class="info">
                                <label class="eText">CD</label>
                                <label class="cText">资深品牌设计师</label>
                                <a href="javascript:;">杨洋</a>
                            </div>
                            <div class="description">虎彩印刷公司虎翼设计室设计主管；智想天成品牌设计有限公司设计总监；新洲包装设计有限公司产品落地顾问，从事品牌设计与研发6年，擅长包装设计、品牌策划、VI。曾为西北多家知名企业提供策划及设计服务，包括：西北骄、诺蓝杞、小西牛、百瑞源、陇萃堂、天佑德、可可西里、美之羚、稞小白等知名企业。</div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!-- 成功案例 -->
        <div class="caseBox">

            <div class="case center">

                <h4>成功项目实例</h4>
                <div class="divideLine"></div>

                <div class="swiperCase">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="#">
                                <div class="cover">
                                    <img src="https://muse-img.huabanimg.com/08288d9785cab223c6b1043b8267f342aaaf9440dcade-0.ic3z0wlo8_/sq/600" alt="">
                                </div>
                                <div class="content">
                                    <div class="title">
                                        <p>小儿童剧场</p>
                                        <div class="divideLine"></div>
                                    </div>
                                    <div class="extra">
                                        周期：<span>10</span>天
                                    </div>
                                    <div class="user">少钰绘画</div>
                                </div>
                            </a>
                            <a href="#">
                                <div class="cover">
                                    <img src="https://muse-img.huabanimg.com/afca1205b54dc5fb4b035c4f8b08d5cc7a5a85c3c58e68-0.595kerboxo_/sq/600" alt="">
                                </div>
                                <div class="content">
                                    <div class="title">
                                        <p>手绘海报设计</p>
                                        <div class="divideLine"></div>
                                    </div>
                                    <div class="extra">
                                        周期：<span>2</span>周
                                    </div>
                                    <div class="user">so萌小怪兽</div>
                                </div>
                            </a>
                            <a href="#">
                                <div class="cover">
                                    <img src="https://muse-img.huabanimg.com/fe6f39be73792b1ef980e387fb14c0a51188195a9b80a2-.fq6t64cejth_/sq/600" alt="">
                                </div>
                                <div class="content">
                                    <div class="title">
                                        <p>MG动画 商业广告 企业宣传片产品动画制作</p>
                                        <div class="divideLine"></div>
                                    </div>
                                    <div class="extra">
                                        周期：<span>1</span>周
                                    </div>
                                    <div class="user">ZWMY</div>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#">
                                <div class="cover">
                                    <img src="https://muse-img.huabanimg.com/32ac16e06b84ebc6d3948d6498a2c23641bfc8a01cf6cb-.dviml1kjfcu_/sq/600" alt="">
                                </div>
                                <div class="content">
                                    <div class="title">
                                        <p>商业美陈</p>
                                        <div class="divideLine"></div>
                                    </div>
                                    <div class="extra">
                                        周期：<span>2</span>周
                                    </div>
                                    <div class="user">Takbm</div>
                                </div>
                            </a>
                            <a href="#">
                                <div class="cover">
                                    <img src="https://muse-img.huabanimg.com/679ee68a1d5b3676461941fabae5076b6ea0e26e99c58-0.ito5kwvko9_/sq/600" alt="">
                                </div>
                                <div class="content">
                                    <div class="title">
                                        <p>PENPO美容蒸脸机</p>
                                        <div class="divideLine"></div>
                                    </div>
                                    <div class="extra">
                                        周期：<span>4</span>周
                                    </div>
                                    <div class="user">物物设计ChanieLiao</div>
                                </div>
                            </a>
                            <a href="#">
                                <div class="cover">
                                    <img src="https://muse-img.huabanimg.com/262ce6a9827824a7b8f165f6018247511fb55585105eae-.dih60uqecyv_/sq/600" alt="">
                                </div>
                                <div class="content">
                                    <div class="title">
                                        <p>高端活动主视觉设计</p>
                                        <div class="divideLine"></div>
                                    </div>
                                    <div class="extra">
                                        周期：<span>1</span>周
                                    </div>
                                    <div class="user">theintro</div>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#">
                                <div class="cover">
                                    <img src="https://muse-img.huabanimg.com/055bb381eee920a82030eaa4473dc1770d31e8791a517e-.yx2xaw2euqq_/sq/600" alt="">
                                </div>
                                <div class="content">
                                    <div class="title">
                                        <p>品牌标志及基础VI设计</p>
                                        <div class="divideLine"></div>
                                    </div>
                                    <div class="extra">
                                        周期：<span>2</span>周
                                    </div>
                                    <div class="user">邦道品牌创意设计</div>
                                </div>
                            </a>
                            <a href="#">
                                <div class="cover">
                                    <img src="https://muse-img.huabanimg.com/e9d8d781bf3ef506047a96aef3612b3102874ab1150bd3-0.v1uqupn4g_/sq/600" alt="">
                                </div>
                                <div class="content">
                                    <div class="title">
                                        <p>app设计/小程序手机rom设计H页面设计</p>
                                        <div class="divideLine"></div>
                                    </div>
                                    <div class="extra">
                                        周期：<span>2</span>周
                                    </div>
                                    <div class="user">先生K</div>
                                </div>
                            </a>
                            <a href="#">
                                <div class="cover">
                                    <img src="https://muse-img.huabanimg.com/3128885d374a80ed2133225ed5a2781dfeb8939b1323cf-.gv9iamx33fk_/sq/600" alt="">
                                </div>
                                <div class="content">
                                    <div class="title">
                                        <p>彩妆/护肤品形象片拍摄</p>
                                        <div class="divideLine"></div>
                                    </div>
                                    <div class="extra">
                                        周期：<span>3</span>天
                                    </div>
                                    <div class="user">新羽摄影NE-studio</div>
                                </div>
                            </a>
                        </div>
                    </div>
                    
                    <!-- 如果需要分页器 -->
                    <div class="swiperCase-pagination"></div>
                    
                    <!-- 如果需要导航按钮 -->
                    <!-- <div class="swiperCase-button-prev"></div>
                    <div class="swiperCase-button-next"></div> -->
                </div>

            </div>

        </div>

        <!-- 寻找合适的设计师 -->
        <div class="seekBox">

            <div class="seek center">

                <h4>马上找到你需要的设计师</h4>
                <div class="divideLine"></div>
                <div class="blocks">
                    <a href="javascript:;">插画绘制</a>
                    <a href="javascript:;">工业设计产品</a>
                    <a href="javascript:;">设计网页</a>
                    <a href="javascript:;">设计H5页面</a>
                    <a href="javascript:;">设计LOGO</a>
                    <a href="javascript:;">设计印刷品</a>
                    <a href="javascript:;">设计产品包装</a>
                    <a href="javascript:;">设计VI系统</a>
                    <a href="javascript:;">设计活动页面</a>
                    <a href="javascript:;">摄影</a>
                    <a href="javascript:;">设计吉祥物</a>
                    <a href="javascript:;">室内设计</a>
                </div>

            </div>

        </div>

        <!-- 服务过的大平台 -->
        <div class="cooperationBox">

            <div class="cooperation center">

                <h4>他们选择了美思</h4>
                <div class="divideLine"></div>
                <div class="brands">
                    <a href="javascript:;">Panasonic</a>
                    <a href="javascript:;">htc</a>
                    <a href="javascript:;">蒙牛</a>
                    <a href="javascript:;">网易游戏</a>
                    <a href="javascript:;">JD京东</a>
                    <a href="javascript:;">阿里云</a>
                    <a href="javascript:;">腾讯风铃</a>
                    <a href="javascript:;">upgun</a>
                    <a href="javascript:;">博灵克传媒</a>
                    <a href="javascript:;">YOUNGS GROUP</a>
                    <a href="javascript:;">brabantia</a>
                    <a href="javascript:;">湖南卫视</a>
                    <a href="javascript:;">乐事</a>
                    <a href="javascript:;">百雀羚</a>
                    <a href="javascript:;">Audi</a>
                    <a href="javascript:;">liby立白</a>
                    <a href="javascript:;">华谊兄弟</a>
                    <a href="javascript:;">灿星制作</a>
                </div>
            </div>

        </div>

        <!-- 底部 -->
        <div class="footerBox">
            <div class="footer center">
                <h2>花瓣美思，花瓣网旗下网站</h2>
                <div class="four_column_row">
                    <div class="column">
                        <label class="title">美瓣美思</label>
                        <div class="link_list">
                            <a href="">关于美思</a>
                            <a href="">雇主问题</a>
                            <a href="">设计师问题</a>
                            <a href="">使用帮助</a>
                        </div>
                    </div>
                    <div class="column">
                        <label class="title">平台战略合作伙伴</label>
                        <div class="link_list">
                            <a href="">中华世纪坛创意新媒体联盟</a>
                            <a href="">视觉中国</a>
                            <a href="">腾讯风铃</a>
                            <a href="">ixdc</a>
                            <a href="">红星奖</a>
                        </div>
                    </div>
                    <div class="column">
                        <label class="title">联系与合作</label>
                        <div class="link_list">
                            <a href="">联系我们</a>
                            <a href="">联系客服</a>
                            <a href="">微博@花瓣网</a>
                            <a href="">微信</a>
                        </div>
                    </div>
                    <div class="column">
                        <label class="title">移动客户端</label>
                        <div class="link_list">
                            <a href="">iOS</a>
                            <a href="">Android</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="../swiper-7.2.0/swiper/swiper-bundle.min.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>